

<!-- gallery -->
<div class="gallery-w3layouts" id="gallery">
    <div class="container">
        <h2>空间地理信息系统研发</h2>
        <div class="gallery-grids">
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog">
                    <img src="/images/k1.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog2">
                    <img src="/images/k2.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="gallery-grid">
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog3">
                    <img src="/images/k3.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
                <a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
                    href="#small-dialog4">
                    <img src="/images/k4.jpg" alt=" " class="img-responsive zoom-img" />
                </a>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!--//gallery -->
<script src="/js/jquery.magnific-popup.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/modernizr.custom.53451.js"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>
<div class="pop-up">
    <div id="small-dialog" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/k1.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>google卫星地图渲染</h4>
                <p>动态的抓取google卫星的地图，并使用opengl进行渲染，使用多线程异步加载提高google卫星数据的访问性能 </p>
                <p class="agileits">支持离线数据库制作和访问，满足弱网络或无网络环境下使用</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 卫图</p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog2" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/k2.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>shape数据解析</h4>
                <p>提供shape数据解析功能，并自动识别并转换坐标系，建立空间数据库对数据进行保存索引，增强数据的统计和可访问性能</p>
                <p class="agileits">同时提供多种数据的导入导出，以及属性数据的渲染，以及空间编辑.</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: shape数据</p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog3" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/k3.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>无人机航拍图和卫星图融合显示</h4>
                <p>无人机拍摄行程精确的无偏移影像数据，通过叠加显示，既可以使用无偏差航拍影像，又可以使用google卫星影像 </p>
                <p class="agileits">自由的切换功能，以及偏差算法，可以同时满足航拍图作业和无航拍图作业</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 无人机航拍</p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="pop-up">
    <div id="small-dialog4" class="mfp-hide book-form">
        <div class="pop-up-content-agileits-w3layouts">
            <div class="col-md-6 w3ls-left">
                <img src="/images/k4.jpg" alt=" " class="img-responsive zoom-img" />
            </div>
            <div class="col-md-6 w3ls-right">
                <h4>地图渲染</h4>
                <p>提供google地图等多种在线地图渲染功能，方便用户影像和地图的切换</p>
                <p class="agileits">捅死地图也支持缓存功能，缓存数据可以提供给android端离线使用</p>
                <div class="span span1">
                    <p class="left">标记</p>
                    <p class="right">: 地图</p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>